<template>
	<view>
		<view class="">

			<!-- #ifdef H5 -->
			<view style="position: fixed;top:0rpx;width: 100%;z-index: 999;">
			<!-- #endif -->
				<!-- #ifndef H5 -->
				<view style="position: fixed;top: 0;width: 100%;z-index: 999;">
				<!-- #endif -->
					<u-tabs :list="list" :is-scroll="false" active-color="#3699FF" inactive-color=" #666666"
						:bold="bold" :current="current" @change="change"></u-tabs>
				</view>
				<view class="ifbox">
					<view class="boxa" v-for="(item,index) in orderlist" :key="index" @click="goOrder(item)">
						<view class="flex align-center justify-between padding-lr">
							<view class="flex align-center">
								<image src="../../static/image/data.png" style="width: 34rpx;height: 38rpx;"></image>
								<view class="margin-left-sm" v-if="item.indentType==1"> 即时代驾</view>
								<view class="margin-left-sm" v-if="item.indentType==2">朋友代叫</view>
								<view class="margin-left-sm" v-if="item.indentType==3">预约代驾</view>
								<view class="margin-left-sm" v-if="item.indentType==4">包时代驾</view>
							</view>
							<view style="color: #5FADFF;">
								<view v-if="item.indentState==1">已接单</view>
								<view v-if="item.indentState==2">进行中</view>
								<view v-if="item.indentState==3">待支付</view>
								<view v-if="item.indentState==4">已完成</view>
								<view v-if="item.indentState==5">已取消</view>
							</view>

						</view>
						<view class="margin-tb-sm" style="width: 100%;height:1rpx;background: #F2F2F2;"></view>
						<view class="addbox bgs margin-lr margin-bottom">
							<view class="add_cont">
								<view class="green"></view>
								<view class="add_tit">
									<view>{{item.shipAddress}}</view>
								</view>
							</view>
							<view>
								<image src="../../static/image/ladd.png" style="width: 30rpx;height: 35rpx;"></image>
							</view>
						</view>
						<view class="addbox bg margin-lr">
							<view class="add_cont">
								<view class="orgin"></view>
								<view class="add_tit">{{item.deliveryAddress?item.deliveryAddress:'用户未选择目的地'}}</view>
							</view>
							<view>
								<image src="../../static/image/hadd.png" style="width: 30rpx;height: 35rpx;"></image>
							</view>
						</view>
						<view class="margin-lr margin-top-sm" v-if="item.remarks">备注：{{item.remarks}}</view>
						<view class="margin-tb-sm" style="width: 100%;height:1rpx;background: #F2F2F2;"></view>
						<view class="flex align-center justify-between padding-lr ">
							<view class="flex align-center" v-if="item.indentState==1&&item.riderDistance">
								<image src="../../static/image/add.png" style="width: 30rpx;height: 35rpx;"></image>
								<view v-if="item.riderDistance>1000" class="margin-left-xs">距您<text
										style="color: #3699FF;">{{(Number(item.riderDistance) / 1000).toFixed(2)}}km</text>
								</view>
								<view v-else class="margin-left-xs">距您<text
										style="color: #3699FF;">{{item.riderDistance}}m</text>
								</view>
							</view>
							<view class="flex align-center text-sm  " v-if="item.indentState==1 && item.startWaitTime">
								等待时长：<smh-timer ref="timer" @timing="timing" :auto="item.isTime"
									:numberminutes="item.numberminutes"></smh-timer>
							</view>

							<view class="flex align-center " v-if="item.riderMoney">
								<text v-if="item.indentState!=4">预估</text>
								<text v-else>实收</text>
								<view style="color: #FF2020;font-size: 32rpx;">
									<text>¥</text><text class="text-bold"
										style="font-size: 38rpx;">{{item.riderMoney}}</text>
								</view>
							</view>
						</view>

						<view class="flex align-center  justify-end margin-lr margin-top flex-wrap">

							<view class="btn" v-if="item.indentState==1 || item.indentState==2"
								@click.stop="qxOrder(item.indentId,item.indentState)">取消订单</view>
							<view class="btn" v-if="item.indentState==1 && item.userId"
								@click.stop="openZd(item.indentId)">转单</view>
							<view class="btn1" v-if="item.indentState==1 && !item.startWaitTime"
								@click.stop="startAddress(item.indentId)">开始等待
							</view>

							<view class="btn1" v-if="item.indentState==2" @click.stop="wcOrder(item.indentId)">抵达终点
							</view>
							<view class="btn1" v-if="item.indentState==2 && item.moneyType == 1"
								@click.stop="goOrder(item)">
								加时
							</view>
							<view class="btn1" v-if="item.indentState==3" @click.stop="goOrder(item)">
								{{PaySwitch=='否'?'出示收款码':'线下收款'}}
							</view>

							<view class="btn1" @click.stop="openMap(item)"
								v-if="!item.deliveryAddress&&item.indentState==1">
								选择终点
							</view>
							<view class="btn1" v-if="item.indentState==1&&item.deliveryAddress"
								@click.stop="daodaOrder(item.indentId)">开始服务
							</view>
							<!-- <view class="btn" style="height: 0;border: none;"></view> -->
						</view>
					</view>

				</view>
				<empty v-if="orderlist.length == 0"></empty>
				<!-- 收货码弹框 -->
				<u-popup v-model="shows" mode="center" border-radius="18" width="580rpx" height="400rpx">
					<view class="receipt_code">
						<view class="code_title">填写收货码</view>
						<u-input v-model="shouhuoma" type="text" placeholder="请输入收货码" :border="true" />
						<view class="sure" @click="querenSh">确定</view>
					</view>
				</u-popup>
				<!-- 转单弹框 -->
				<u-popup v-model="show" mode="center" border-radius="18" width="580rpx" height="400rpx">
					<view class="receipt_code">
						<view class="code_title">转单</view>
						<u-input v-model="phone" type="number" maxlength="11" placeholder="请输入转单人手机号码" :border="true"
							:clearable="false" />
						<view class="sure" @click="zhundan()">确定</view>
					</view>
				</u-popup>
			</view>
			<u-popup :show="isShowTipImgs" zIndex="99999999" mode="top">
				<view class="tipsmkf">
					申请麦克风权限，便于您使用该功能上传您的语音，
				</view>
			</u-popup>
		</view>
</template>

<script>
	// #ifdef H5
	var recorder; // 定义一个MediaRecorder对象
	var stream; //定义一个音频流的对象
	var chunks = []; // 定义一个用于存储音频数据片段的数组
	import {
		getData
	} from '../../common/queue';
	// #endif
	import configdata from '@/common/config.js';
	import empty from '@/components/empty'
	export default {
		components: {
			empty
		},
		data() {
			return {
				//录音相关参数
				// #ifndef H5
				//H5不能录音
				RECORDER: uni.getRecorderManager(),
				// #endif
				isShowTipImgs: false,
				//播放语音相关参数
				AUDIO: uni.createInnerAudioContext(),
				playMsgid: null,
				VoiceTimer: null,
				contentUrl: '',
				recordLength: '',
				voicePaths: '',
				voicePath: '',
				blobData: '',
				recordTimer: null,

				shows: false,
				closeable: true,
				shouhuoma: '',
				list: [{
					name: '全部',
					id: ''
				}, {
					name: '已接单',
					id: 1
				}, {
					name: '进行中',
					id: 2
				}, {
					name: '待支付',
					id: 3
				}, {
					name: '已完成',
					id: 4
				}, {
					name: '已取消',
					id: 5
				}],
				current: 0,
				bold: false,
				page: 1,
				limit: 5,
				// order: [],
				orderlist: [],
				totalCount: 0,
				longitude: '', //经度
				latitude: '', //纬度
				indentState: '', //订单状态
				indentNumber: '', //订单号
				userId: '',
				arr: [],
				creditScore: 0,
				AllcreditScore: 0,
				show: false,
				phone: '',
				indentId: '',
				listObj: {},
				PaySwitch: '否',
				timer: ''
			}
		},
		onHide() {
			this.voiceEnd()
			this.AUDIO.stop();
		},
		onLoad() {
			this.PaySwitch = uni.getStorageSync('PaySwitch')
			var that = this
			// #ifndef H5
			//录音开始事件
			that.RECORDER.onStart((e) => {
				console.log('监听开始录音' + e)
			})
			//录音结束事件
			that.RECORDER.onStop((e) => {
				console.log('监听结束录音' + e)
				that.recordEnd(e);
			})
			// #endif

			that.$Request.getT('/app/common/type/268').then(res => { //师傅端订单状态通知 268

				if (res.code == 0) {
					if (res.data && res.data.value) {
						that.arr.push(res.data.value)
					}
				}
			})
			that.$Request.getT('/app/common/type/338').then(res => { //师傅新订单通知 338
				if (res.code == 0) {
					if (res.data && res.data.value) {
						that.arr.push(res.data.value)
					}
				}
			})
			that.$Request.getT('/app/common/type/364').then(res => { // 每次取消扣除的信用分数量 364
				if (res.code == 0) {
					if (res.data && res.data.value) {
						that.creditScore = res.data.value
					}
				}
			})
			that.$Request.getT('/app/common/type/365').then(res => { // 低于多少不能接单和下单 365
				if (res.code == 0) {
					if (res.data && res.data.value) {
						that.AllcreditScore = res.data.value
					}
				}
			})
			that.timer = setInterval(d => { //定时器，定时去调取进行中订单
				that.getFwzOrder()
			}, 5000);
		},
		onShow() {
			var that = this
			that.userId = uni.getStorageSync('userId')
			if (that.userId) {
				that.$Request.getT('/app/indent/getRiderIndentList?page=1&limit=2&indentState=2').then(
					res => {
						if (res.code === 0) {
							if (res.data.records && res.data.records.length != 0) {
								that.StartMp()
							} else {
								uni.removeStorageSync('orderIndentId')
							}
						}
					});

				that.page = 1
				that.taskData()

			} else {
				uni.navigateTo({
					url: '/pages/login/login'
				})
			}
		},
		methods: {
			// 获取进行中订单
			getFwzOrder() {
				this.$Request.getT('/app/indent/getRiderIndentList?page=1&limit=10&indentState=2').then(
					res => {
						if (res.code === 0) {

							if (res.data.records && res.data.records.length != 0) {
								uni.setStorageSync('orderIndentId', res.data.records[0].indentId)
								console.log(res.data.records[0].indentId, 'uni.getStorageSync')
							} else {
								clearInterval(this.timer)
								uni.removeStorageSync('orderIndentId')
							}
						}
					});
			},
			openMap(obi) {
				this.indentId = obi.indentId
				this.listObj = obi
				let that = this
				uni.chooseLocation({
					success: function(res) {
						console.log('位置名称：' + res.name);
						console.log('详细地址：' + res.address);
						console.log('纬度：' + res.latitude);
						console.log('经度：' + res.longitude);
						that.selectCity(res.longitude, res.latitude)
					}
				});

			},
			selectCity(longitude, latitude) {
				this.$Request.getT('/app/Login/selectCity?lat=' + latitude + '&lng=' + longitude).then(res => {
					if (res.code === 0) {
						// this.city = res.data.city ? res.data.city : res.data.province
						// this.district = res.data.district
						// this.province = res.data.province
						let that = this
						that.$Request.postJson('/app/indent/newIndentReceiving', {
							indentId: that.indentId,
							deliveryAddress: res.data.address,
							deliveryAddressLongitude: longitude,
							deliveryAddressLatitude: latitude,
							deliveryAddressId: '',
							deliveryProvince: res.data.province,
							deliveryCity: res.data.city,
							deliveryDistrict: res.data.district,
							moneyType: that.listObj.moneyType
						}).then(ret => {
							if (ret.code == 0) {
								that.page = 1
								that.taskData()
							} else {
								uni.showToast({
									title: ret.msg,
									icon: 'none'
								})
							}
						});

					}
				});
			},
			zhundan() {
				if (!this.phone) {
					uni.showToast({
						title: '请输入手机号',
						icon: 'none'
					})
					return
				}
				this.$Request.postT('/app/indent/transferOfOrder', {
					indentId: this.indentId,
					phone: this.phone
				}).then(res => {
					this.show = false
					this.phone = ''
					if (res.code == 0) {
						uni.showToast({
							title: '转单成功',
							icon: 'none',
							duration: 3000
						})
						this.page = 1
						this.taskData()
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				});
			},
			openZd(id) {
				this.phone = ''
				this.indentId = id
				this.show = true
			},
			goOrder(item) {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendMsg')) {
					uni.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(re,'**********')
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								console.log(re)
							}
						},
						fail: (res) => {
							console.log(res)
						}
					})
				}
				// #endif
				if (this.userId) {
					uni.navigateTo({
						url: '/my/order/pay?indentNumber=' + item.indentNumber + '&indentId=' + item.indentId
					})
				} else {
					uni.navigateTo({
						url: '/pages/login/login'
					})
				}

			},
			change(index) {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendMsg')) {
					uni.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(re,'**********')
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								console.log(re)
							}
						},
						fail: (res) => {
							console.log(res)
						}
					})
				}
				// #endif
				this.current = index;
				this.orderlist = []
				this.page = 1
				this.taskData()
			},
			timing(second) {
				//实时返回计时时间
				// console.log(second)
			},
			reset() {
				//重置计时器
				this.$refs.timer.reset()
			},
			start() {
				//手动开启计时器
				this.$refs.timer.start()
			},
			clear() {
				//停止计时器
				this.$refs.timer.clear()
			},
			getDifference(date1, date2) {
				var a = new Date(date1); // 当前时间
				var b = new Date(date2); // 开始等待时间
				const diffInMs = Math.abs(b.getTime() - a.getTime());
				console.log(diffInMs, '=======')
				return diffInMs / 1000;
			},

			// 订单获取
			taskData() {
				let indentState = this.list[this.current].id
				this.$Request.getT('/app/indent/getRiderIndentList', {
					page: this.page,
					limit: 10,
					indentState: indentState
				}).then(res => {
					res.data.records.forEach(d => {
						const now = new Date();
						const year = now.getFullYear();
						const month = now.getMonth() + 1; // 月份是从0开始的，所以需要+1
						const day = now.getDate();
						const hours = now.getHours();
						const minutes = now.getMinutes();
						const seconds = now.getSeconds();
						let today =
							`${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')} ${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`

						if (d.startWaitTime && d.indentState == 1) {
							console.log(today, d.startWaitTime)
							let timestamp = this.getDifference(today, d.startWaitTime)
							// d.timestamp = this.dateToSeconds(d.startWaitTime)
							console.log(timestamp, '=========+++++++++');
							d.numberminutes = timestamp
							d.isTime = true
						} else {
							d.isTime = false
						}
					})
					if (this.page == 1) {
						this.orderlist = res.data.records
					} else {
						this.orderlist = this.orderlist.concat(res.data.records)
					}
					this.totalCount = res.data.pages
					uni.stopPullDownRefresh();
				});
			},
			// 订单详情
			bindorderDetail(indentNumber) {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendMsg')) {
					uni.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(re,'**********')
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								console.log(re)
							}
						},
						fail: (res) => {
							console.log(res)
						}
					})
				}
				// #endif
				uni.navigateTo({
					url: '/pages/index/orderdetail/orderdetail?id=' + indentNumber
				})
			},
			// 取消订单
			qxOrder(indentId, indentState) {
				let that = this
				let content = ''
				if (uni.getStorageSync('DepositSwitch') == '是') {
					content = '取消订单将会被扣保证金以及信用分' + that.creditScore + '分,信用分低于' + that.AllcreditScore + '分无法接单'
				} else {
					content = '取消订单将会被扣信用分' + that.creditScore + '分,信用分低于' + that.AllcreditScore + '分无法接单'
				}
				uni.showModal({
					title: '提示',
					content: content,
					cancelText: '取消',
					confirmText: '确认',
					complete: function(ret) {
						if (ret.confirm) {
							that.$Request.postT('/app/indent/riderCancelIndent', {
								indentId: indentId
							}).then(res => {
								if (res.code == 0) {
									that.page = 1
									that.orderlist = []
									that.taskData()
									if (indentState == 2) {
										that.voiceEnd()

									}
									uni.showToast({
										title: '订单已取消',
										icon: "none"
									});

								} else {
									uni.showToast({
										title: res.msg,
										icon: "none"
									});
								}
							});
						}
					}
				})


			},
			// 抵达起点
			startAddress(indentId) {
				let that = this
				uni.showModal({
					title: '提示',
					content: '确认已抵达起点，开始等待吗？',
					complete(ret) {
						if (ret.confirm) {
							that.$Request.getT('/app/indent/riderWaitDrive?indentId=' + indentId).then(res => {
								if (res.code == 0) {
									uni.showToast({
										title: '已开始等待'
									})
									that.page = 1
									that.taskData()
								} else {
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
								}
							})
						}
					}
				})
			},
			daodaOrder(indentId) { //  开始服务
				this.indentId = indentId
				let that = this
				uni.showModal({
					title: '提示',
					content: '确认开始服务吗？',
					success: function(res) {
						if (res.confirm) {
							uni.setStorageSync('orderIndentId', that.indentId)
							that.$Request.postT('/app/indent/riderStartDrive', {
								indentId: indentId
							}).then(ret => {
								if (ret.code == 0) {
									that.page = 1
									that.taskData()
									that.getFwzOrder()
									that.StartMp()
									uni.showToast({
										title: '服务已开始',
										icon: "none"
									});
								} else {
									uni.showToast({
										title: ret.msg,
										icon: "none"
									});
								}
							});
						}
					}
				})
			},
			StartMp() { //  开始录音
				let that = this
				// #ifdef APP
				// 在弹出选择弹框之前先判断一下是否获取了相册权限
				const sysInfo = uni.getSystemInfoSync()
				if (sysInfo.osName == 'ios') { //ios

				} else { //安卓
					var Manifest = plus.android.importClass("android.Manifest");
					var MainActivity = plus.android.runtimeMainActivity();
					let flag = MainActivity.checkSelfPermission(Manifest.permission.RECORD_AUDIO)
					console.log(flag); // 查看是否拥有相机权限 -1/0
					if (flag == -1) { //没有授权
						that.isShowTipImgs = true
						plus.android.requestPermissions(['android.permission.RECORD_AUDIO'], (success) => {
							that.isShowTipImgs = false
						}, (err) => {
							that.isShowTipImgs = false
						})
						return
					} else {
						that.isShowTipImgs = false
					}

				}
				// #endif
				// #ifdef H5
				if (stream) {
					stream.getTracks().forEach((track) => track.stop())
					stream = null
				}
				if (recorder) {
					recorder = null
				}
				that.recordLength = 0
				that.voicePaths = '';
				that.voicePath = '';
				that.startRecord()
				// #endif
				// #ifndef H5
				that.RECORDER.start({
					format: "mp3"
				}); //录音开始,
				that.recordBegin()
				// #endif
			},
			//开始录音
			startRecord: async function() {
				let _this = this
				// 获取麦克风音频数据流
				stream = await navigator.mediaDevices.getUserMedia({
					audio: true
				})
				// 初始化MediaRecorder对象
				recorder = new MediaRecorder(stream);
				// 将 stream 转成 blob 来存放
				recorder.ondataavailable = (blobEvent) => {
					chunks.push(blobEvent.data);
				}
				// 停止时生成预览的 blob url
				recorder.onstop = () => {
					const blob = new Blob(chunks, {
						type: 'audio/mp3'
					})
					_this.voicePaths = blob;
					_this.blobData = blob;

				}
				recorder.start();
				_this.recordBegin()
			},
			//录音开始UI效果
			recordBegin() {
				this.recordLength = 0;
				this.recordTimer = setInterval(() => {
					this.recordLength++;
				}, 1000)
			},
			// 结束录音
			voiceEnd() {
				//原生录音停止
				// #ifdef H5
				//停止录音
				if (recorder.state != "inactive") {
					recorder.stop();
				}
				//把音频流也停止掉
				stream.getTracks().forEach((track) => track.stop())
				this.uplodMp3(this.voicePaths);
				// #endif

				// #ifndef H5
				this.RECORDER.stop(); //录音结束
				// #endif


			},
			//录音结束(回调文件)
			recordEnd(e) {
				clearInterval(this.recordTimer);
				// uni.showLoading({
				// 	title: '发送中'
				// });
				console.log(e.tempFilePath, '///////////')
				console.log(this.recordLength, this.indentId && e.tempFilePath && this.recordLength > 3)
				if (this.indentId && e.tempFilePath && this.recordLength > 3) {
					uni.uploadFile({ // 上传接口
						// url: this.config("APIHOST1") + '/alioss/upload', //真实的接口地址
						url: this.config("APIHOST1") + '/app/indent/uploadIndent?indentId=' + this
							.indentId, //真实的接口地址
						// url: 'https://shifu.tadaijia.cn/alioss/upload', //真实的接口地址
						filePath: e.tempFilePath,
						name: 'file',
						success: (uploadFileRes) => {
							uni.hideLoading();
							let url = JSON.parse(uploadFileRes.data)
							if (url.code == 0) {
								console.log('上传成功')

							} else {
								uni.showToast({
									title: url.msg,
									icon: 'none'
								})
							}

						},
						fail: (err) => {
							console.log('err' + err)
						}
					});
				}
			},
			//上传mp3格式的音频
			uplodMp3(recordPath) {
				let _this = this;
				clearInterval(_this.recordTimer);
				let indentId = uni.getStorageSync('orderIndentId')

				if (indentId && _this.blobData && _this.recordLength > 3) {
					uni.uploadFile({ // 上传接口
						url: _this.config("APIHOST1") + '/app/indent/uploadIndent?indentId=' + indentId, //真实的接口地址
						file: _this.blobData,
						name: 'file',
						success: (uploadFileRes) => {
							uni.hideLoading();
							let url = JSON.parse(uploadFileRes.data)
							if (url.code == 0) {
								_this.getFwzOrder()
							} else {
								uni.showToast({
									title: url.msg,
									icon: 'none'
								})
							}
						}
					});
				}
			},
			config: function(name) {
				var info = null;
				if (name) {
					var name2 = name.split("."); //字符分割
					if (name2.length > 1) {
						info = configdata[name2[0]][name2[1]] || null;
					} else {
						info = configdata[name] || null;
					}
					if (info == null) {
						let web_config = cache.get("web_config");
						if (web_config) {
							if (name2.length > 1) {
								info = web_config[name2[0]][name2[1]] || null;
							} else {
								info = web_config[name] || null;
							}
						}
					}
				}
				return info;
			},
			wcOrder(indentId) { //抵达终点
				let that = this
				uni.showModal({
					title: '提示',
					content: '确认已抵达终点，完成服务吗？',
					success: function(res) {
						if (res.confirm) {
							that.$Request.postT('/app/indent/riderDelivery', {
								indentId: indentId
							}).then(ret => {
								if (ret.code == 0) {
									that.page = 1
									that.taskData()
									that.voiceEnd()
									uni.showToast({
										title: '已到达终点',
										icon: "none"
									});
								} else {
									uni.showToast({
										title: ret.msg,
										icon: "none"
									});
								}
							});
						}
					}
				})
			},
			querenSh() {
				this.$Request.postT('/app/indent/riderDelivery', {
					indentNumber: this.indentNumber,
					itemCode: this.shouhuoma
				}).then(res => {
					console.log(res)
					if (res.code == 0) {
						this.page = 1
						this.taskData()
						uni.showToast({
							title: '订单完成',
							icon: "none"
						});
						this.shows = false

					} else {
						uni.showToast({
							title: res.msg,
							icon: "none"
						});
					}
				});
			}
		},
		onReachBottom: function() {
			if (this.userId) {
				if (this.page < this.totalCount) {
					this.page += 1;
					this.taskData();
				}
			}

		},
		onPullDownRefresh: function() {
			if (this.userId) {
				this.page = 1;
				this.taskData()
			} else {
				uni.stopPullDownRefresh();
			}
		},

	}
</script>

<style lang="less">
	page {
		background: #F5F5F5;
	}

	.tipsmkf {
		width: 100%;
		padding: 30rpx;
		font-size: 26rpx;
		color: #333333;
		position: fixed;
		top: 50rpx;
		left: 0;
		z-index: 99999 !important;
		background-color: #ffffff;
	}

	.boxa {
		background: #FFFFFF;
		border-radius: 24rpx;
		margin: 30rpx;
		padding: 30rpx 0;
	}

	.ifbox {
		/* #ifdef H5 */
		padding-top: 85rpx;
		/* #endif */
		/* #ifndef H5 */
		padding-top: 86rpx;
		/* #endif */
	}

	.addbox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx;
		height: 110rpx;
		border-radius: 16rpx;

	}

	.add_cont {
		display: flex;
		align-items: center;
	}

	.add_tit {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
	}

	.bg {
		background: #F5F5F5;
	}

	.bgs {
		background: #F5F8FF;

	}

	.green {
		width: 16rpx;
		height: 16rpx;
		background: #1FC657;
		border-radius: 50%;
		margin-right: 20rpx;
	}

	.orgin {
		width: 16rpx;
		height: 16rpx;
		background: #FBAC04;
		border-radius: 50%;
		margin-right: 20rpx;
	}

	.btn {
		// width: 200rpx;
		margin: 0 10rpx;
		// padding: 0 20rpx;
		flex: 1;
		height: 80rpx;
		border: 1px solid #999999;
		border-radius: 10rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #999999;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20rpx;
	}

	.btn1 {
		margin: 0 10rpx;
		// width: 200rpx;
		// padding: 0 20rpx;
		flex: 1;
		height: 80rpx;
		background: linear-gradient(87deg, #346EF6 0%, #7BA2FF 100%);
		border-radius: 10rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20rpx;
	}

	/* 收货码弹框 */
	.receipt_code {
		width: 90%;
		margin: 0 auto;
	}

	.code_title {
		width: 100%;
		line-height: 100rpx;
		font-size: 31rpx;
		font-weight: bold;
		text-align: center;
		letter-spacing: 2rpx;
		margin-top: 21rpx;
		margin-bottom: 10rpx;
	}

	/deep/.u-input--border {
		border: 1px solid #F2F2F2 !important;
		background: #F2F2F2 !important;
		color: #999999 !important;
		font-weight: 500 !important;
		letter-spacing: 2rpx !important;
	}

	/deep/.u-input__input {
		font-size: 30rpx;
		font-weight: bold;
		flex: 1;
		color: #999999 !important;
		min-height: 85rpx !important;
		margin-top: 7rpx;
	}

	.sure {
		width: 100%;
		height: 80rpx;
		background: linear-gradient(87deg, #346EF6 0%, #7BA2FF 100%);
		color: white;
		border-radius: 46rpx;
		text-align: center;
		line-height: 80rpx;
		margin-top: 40rpx;
		letter-spacing: 2rpx;
	}
</style>